<?php 
session_start();
if(!isset($_SESSION['id_u'])){
    header('Location: index.php');
} ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>TSM</title>
    </head>
    <script src="ajax/ajax.js" type="text/javascript"></script>

    <style>
        nav {
            left : 0;
            width : 100%;
            background : url(imagenes/imagen_nav.png);
        }
        nav ul {
            margin : 0 auto;
            width : 940px;
            list-style : none;
        }
        nav ul li {
            float : left;
        }
        nav ul li a {
            display : block;
            margin-right : 20px;
            width : 140px;
            font-size : 14px;
            line-height : 44px;
            text-align : center;
            text-decoration : none;
            color : #ccc;
        }
        nav ul li a:hover {
            color : #fff;
        }
        nav ul li.selected a {
            color : #fff;
        }
        input {
            border-radius: 5px;
        }
        button {
            border-radius: 5px;
        }

    </style>
    <script>



    </script>
    <body>
        <div style="float:left; width:100%; background-color: rgb(228, 101, 0); color: #fff; text-align: right;"><?php echo $_SESSION['nombre'].' '.$_SESSION['apellido']; ?><a href="cerrar.php" style="color: #fff; text-decoration: none;"> (cerrar sesion)</a></div>
        <div style="float:left; width:100%; background-color: rgb(242, 173, 0);">
            <div style="float:left; width:15%">
                <div id="logo_udc" sty><img src="logo_udc.png" width="142" height="107"></div>
            </div>

            <div style="float:left; width:85%; font-size:30pt; font-weight:bold; padding-top:35px;">TSM Team Support Manager</div>
        </div>

        <div style="float:left; background : url(imagenes/imagen_nav.png); width:100%;"><nav>
                <ul class="sf-menu" id="nav">
                    <li class="selected"><a href="inicio.php">Inicio</a></li>
                    <li><a href="tiempo.php">Registro de tiempo</a></li>
                    <li><a href="defectos.php">Registro de defectos</a>
                    </li>
                    <li><a href="verTiempo.php">Tiempo</a></li>
                    <li><a href="verDefectos.php">Defectos</a></li>
                </ul>
            </nav></div>


        <div id="bodycuerpo" style="width:100%; float:left; height: 450px; background-color: rgb(228, 101, 0);">

            <div style="float:left; width:400px; margin-left:30%;margin-top: 100px; margin-bottom: 8%; background-color: #151515; font-weight:bold; color:white;">
                <div>
                    <div style="background : url(imagenes/imagen_nav.png); text-align:center; font-family : arial;">
                        Bienvenido:<?php echo ' ' . $_SESSION['nombre'] . ' ' . $_SESSION['apellido']; ?>
                    </div>
                    <div STYLE=" text-align:LEFT; padding:20px;">
                        <form id="login" action="POST">
                            <p style="width:100%; text-align:center; font-family : arial; font-size: 10pt;">
                                Esto es un texto que estara ocupando el espacio del mensaje de bienvenida, por ahora es lo que hay asi que no jodan :)
                            </p>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer" style="float:left;background : url(imagenes/imagen_nav.png); width:100%; font-size : 14px;
             line-height : 44px;
             text-align : center;
             text-decoration : none;
             color : #ccc;">Jonathan Lozano-Ling Lung-Harold Solorzano</div>

    </body>
</html>